/* denner公公区域 */
html{width: 100%;}
body{
  width:100%;
  overflow-x:hidden;
  /* overflow-y:hidden; */
}
.pic{
  width: 100%;
}
.pic>div{
  display: flex;
}
.pic .pic_en>h2{
  color: #F8F8F8;
  text-align: center;
  margin-bottom: 10px;
}
.pic .pic_en{
  height: 0;
  margin-top: 20px;
  transition:all 1.2s;
  overflow: hidden;
}
.pic .pic_en>a{
  display: block;
  background-color: transparent;
  color: transparent;
  margin: auto;
  text-align: center;
  transition:all 1.2s;
}
.pic .pic_en:nth-child(1){
  background: url(../img/f65269acd92af7d8c66902879e4c61d6.png) no-repeat ;
  background-size: 100% 100%;
  background-position: 50% 50%;
}
.pic .pic_en:nth-child(2){
  background: url(../img/1bdfd212765067b5446b40be2a266b48.png) no-repeat ;
  background-size: 100% 100%;
  background-position: 50% 50%; 
}
.pic .pic_en:nth-child(3){
  background: url(../img/ea4f74289a001599aaf75535ea41ab8e.jpg) no-repeat ;
  background-size: 100% 100%;
  background-position: 50% 50%;
}
.denner>div:nth-child(2){
  display: flex;
  font-size: 6vw;
  color: rgba(150, 118, 81, 0.8);
  justify-content: space-between;
  transform: translateY(-26vw);
  cursor: pointer;
}
.denner>div:nth-child(3){
  transform: translateY(-16vw);
  display: flex;
  justify-content: center;
}
.denner>div:nth-child(3)>span{
  width: 1vw;
  height: 1vw;
  border-radius: 50%;
  display: block;
  border: 3px solid #968989;
  margin: 0px 0.5vw;
}
.denner>div:nth-child(3)>.cur{
  background-color: #cfb86a;
}
/* denner大于960px 区域*/
@media (min-width:960px) {
  .denner{
    width: 95VW;
    height: 35vw;
    overflow: hidden;
    margin: auto;
    /* margin-left: 2.5vw; */

  }
  .denner>div:nth-child(1){
    width: 500%;
    display: flex;
    transform: translateX(-20%);
  }
  .denner  img{
    width: 95vw;
    height:40vw;
  }
  .pic>div{
    width: 95vw;
    justify-content:space-between;
    margin: auto;
  }
  .pic .pic_en>h2{
    font-size: 40px;
    margin-top:-120px;
    font-weight: 400;
  }
  .pic .pic_en{
    width: 31%;
    padding: 10% 0px 5% 0px ;
  }
  .pic .pic_en>a{
    width: 180px;
    height: 50px;
    font-size: 17px;
    line-height: 50px;
  }
}
/* denner小于960px 区域*/
@media (max-width:960px) {
  .denner{
    width: 95VW;
    height: 40vw;
    overflow: hidden;
    margin: auto;
    padding-top: 12vh;
  }
  .denner>div:nth-child(1){
    width: 500%;
    display: flex;
    transform: translateX(-20%);
  }
  .denner  img{
    width: 95vw;
    height:40vw;
  }
  .pic>div{
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
  }
  .pic .pic_en>h2{
    font-size: 20px;
    margin-top:-20%;
    font-weight: 400;
  }
  .pic .pic_en{
    width: 95%;
    padding: 30% 0px 5% 0px ;
  }
  .pic .pic_en>a{
    width: 144px;
    height: 40px;
    font-size: 17px;
    line-height: 40px;
  }

}
/* hover区域 */
.pic .pic_en:hover a{
  background-color: #BAAA77;
  color: #F8F8F8;
}
.pic .pic_en:hover{
  background-size: 120% 120%;
  background-position: 50% 50%;
}



